.groupList {
  width: 100%;
  background-color: #f4f4f4;
  .et-flex-column-center();

  .groupList-container {
    width: @content-width;

    .banner {
      width: 100%;
    }

    .filter {
      width: 100%;
      box-sizing: border-box;
      padding: 20px;
      background-color: white;
      .et-flex-column-normal();

      .filter-title {
        line-height: 1;
      }

      .filter-navs {
        width: 100%;
        padding: 20px 0;
        .et-flex-start();

        .filter-nav {
          margin-right: 13px;
          width: auto;
          min-width: 80px;
          height: 30px;
          padding: 0 10px;
          border: 1px solid @primary-color;
          line-height: 30px;
          text-align: center;
          color: #666;
          cursor: pointer;

          &.checked {
            background-color: @primary-color;
            color: white;
          }
        }
      }

      .product_detail {
        width: 100%;
        padding: 10px 0;
        .et-flex-column-normal();

        .detail-row {
          width: 100%;
          .et-flex-normal();

          .row-label {
            width: 100px;
            line-height: 40px;
          }

          .row-text {
            line-height: 40px;
            .et-flex-start();

            span {
              color: @primary-color;
              margin: 0 5px;
            }
          }

          .row-companys {
            flex: 1;
            .et-flex-normal();

            .row-company {
              height: 40px;
              margin-right: 10px;
              margin-bottom: 20px;
              padding: 0 15px;
              border: 1px solid #dcdfe6;
              cursor: pointer;
              .et-flex-center();

              img {
                height: 22px;
              }

              &.checked {
                border-color: @primary-color !important;
                position: relative;

                &::after {
                  content: '';
                  position: absolute;
                  bottom: 0;
                  right: 0;
                  width: 0;
                  height: 0;
                  border-top: 5px solid transparent;
                  border-left: 5px solid transparent;
                  border-bottom: 5px solid @primary-color;
                  border-right: 5px solid @primary-color;
                }
              }
            }
          }
        }
      }
    }
    .main {
      width: 100%;
      .et-flex-normal();
      .product-list {
        flex: 1;
        .et-flex-column-normal();
        .product-item {
          margin-top: 20px;
          width: 100%;
          background-color: white;
          box-sizing: border-box;
          padding: 30px;
          .item-name {
            font-size: 20px;
            line-height: 1;
          }
          .product-insured {
            margin-top: 20px;
            .et-flex-spacebetween();
            align-items: flex-start;
            .product-ul {
              width: 530px;
              .et-flex-normal();
              .product-li {
                height: 25px;
                padding: 0 10px;
                .et-flex-start();
                .icon {
                  margin-right: 5px;
                  font-size: 16px;
                  color: @second-color;
                }
              }
            }
            .detail-btn {
              width: 160px;
              height: 40px;
              border-radius: 5px;
              font-size: 18px;
              line-height: $height;
              text-align: center;
              color: white;
              background-color: @primary-color;
              cursor: pointer;
            }
          }
        }
      }
      .help {
        width: 282px;
        margin-left: 20px;
        .help-card {
          margin-top: 20px;
          width: 100%;
          background-color: white;
          .help-card-header {
            height: 50px;
            width: 100%;
            background-color: #ebebeb;
            line-height: $height;
            padding-left: 30px;
            box-sizing: border-box;
            font-size: 18px;
          }
          .help-card-content {
            width: 100%;
            box-sizing: border-box;
            padding: 30px;
            line-height: 25px;
          }
        }
      }
      .pagination{
        width: 100%;
        margin: 15px 0 10px;
        .et-flex-center();
      }
    }
  }
}

.Breadcrumb-GroupList {
  color: #606266;
}

.Breadcrumb-Home {
  color: #303133;
  font-weight: bold;
  cursor: pointer;
  &:hover {
    color: @primary-color;
  }
}